    <!DOCTYPE html>
    <html  lang="zh" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--360浏览器优先以webkit内核解析-->
        <title>钢渣实时图像展示</title>
        <link rel="shortcut icon" href="favicon.ico">
        <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
        <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
        <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
        <link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
        <th:block th:include="include :: footer" />
        <th:block th:include="include :: layout-latest-js" />
        <th:block th:include="include :: ztree-js" />
    </head>

    <body class="gray-bg">
    <div id="message_form" style="width: 100%;height: 100%">
        <h4 class="form-header h4" style="color: #6379bb;border-bottom: 1px solid #ddd;margin: 8px 10px 25px 10px;padding-bottom: 5px;font-size: 15px">云台信息</h4>
        <table style="margin-top: -15px;width: 600px">
            <tr style="width: 600px;">
                <td style="width: 200px;"><label style="margin-left:5px;color: #6379bb;font-size: 12px">基本参数：</label></td>
                <td style="width: 200px;"><span style="margin-left:15px;color: #6379bb;font-size: 12px">设备连接信息：</span></td>
                <td style="width: 200px;"><span style="margin-left:15px;color: #6379bb;font-size: 12px">PLC指令：</span></td>
            </tr>
            <tr style="width: 600px">
                <td style="width: 200px;"><label style="margin-left:20px;color: #6379bb;font-size: 10px">起始角度：</label><span id="pStartAngle"></span></td>
                <td style="width: 200px;"><span id="isRunningOk" style="margin-left:25px;color: #6379bb;font-size: 10px"></span></td>
                <td style="width: 200px;"><label style="margin-left:47px;color: #6379bb;font-size: 10px">模式：</label><span id="model" ></span></td>
            </tr>
            <tr style="width: 600px">
                <td style="width: 200px;"><label style="margin-left:20px;color: #6379bb;font-size: 10px">终止角度：</label><span id="pEndAngle"></span></td>
                <td style="width: 200px;"><span id="getLmsSetScanParameter" style="margin-left:25px;color: #6379bb;font-size: 10px"></span></td>
                <td style="width: 200px;"><label style="margin-left:0px;color: #6379bb;font-size: 10px">云台是否启动：</label><span id="startStatus" ></span></td>
            </tr>
            <tr style="width: 600px">
                <td style="width: 200px;"><label style="margin-left:20px;color: #6379bb;font-size: 10px">旋转速度：</label><span id="pSpeed"></span></td>
                <td style="width: 200px;"><span id="getLmsStart3DScanOnce" style="margin-left:25px;color: #6379bb;font-size: 10px"></span></td>
                <td style="width: 200px;"><label style="margin-left:0px;color: #6379bb;font-size: 10px">几台行车运行：</label><span id="hcCount" ></span></td>
            </tr>
            <tr style="width: 600px">
                <td style="width: 200px;"><label style="margin-left: 20px;color: #6379bb;font-size: 10px">高度限制：</label><span id="hCoordinateCount"></span></td>
                <td style="width: 100px;"><span id="status" style="margin-left:25px;color: #6379bb;font-size: 10px" ></span></td>
                <td style="width: 100px;"><label style="margin-left:24px;color: #6379bb;font-size: 10px">错误信息：</label><span id="errorInfo"  ></span></td>
            </tr>
            <tr style="width:600px">
            	<td style="width: 200px;"></td>
            	<td style="width: 200px;"></td>
            	<td style="width: 200px;"><label style="margin-left:47px;color: #6379bb;font-size: 10px">结果：</label><span id="resultInfo"  ></span></td>
            </tr>
        </table>
        <!-- <div class="btn-group-sm" id="toolbar" role="group" style="margin-top: -30px;margin-left: 10px;width: 100%;">
            <button type="button" class="btn btn-w-m btn-primary" onclick="getClucdPoint()">获取点云数据</button>
            <button type="button" class="btn btn-w-m btn-success" onclick="autoDeal()">自动</button>
            <button type="button" class="btn btn-w-m btn-info" id="aa" onclick="aa()">半自动</button>
            <img  th:src=" @{/img/aaa.png}" style="width: 200px;height: 200px;margin-left: 300px;margin-top:-80px;" id="pointer">
        </div> -->
        <div class="row" style="width: 100%;height: 100%;position: relative;">
            <div id="spanLeft" style="width: 50%;height: 90%;" ></div>
            <!--<div style="width: 5%;height: 90%;margin-top:-37%;margin-left:45%;">
                <img th:src="@{/img/door_1.png}" style="margin-top: -95px;margin-left:-12px;width: 100px; height: 100%;">
                &lt;!&ndash;<img th:src=" @{/img/men11.png}" style="margin-left:-30px;width: 100px; height: 135px;display: none" id="leftimg1">
                <img th:src=" @{/img/men22.png}" style="margin-left:-30px;width: 100px; height: 135px;margin-top: 60px;display: none" id="leftimg2">
                <img th:src=" @{/img/men33.png}" style="margin-left:-30px;width: 100px; height: 135px;margin-top:80px;display: none" id="leftimg3">&ndash;&gt;
            </div>-->
            <div id="spanRight" style="width: 50%;height:90%;margin-left: 50%;margin-top: -729px;"></div><!--margin-left:-12px;-->
            <!--<div style="width: 5%;height: 90%;margin-top:0px;margin-left:95%;">
                <img th:src="@{/img/door_1.png}" style="margin-top:-748px;margin-left:-9px;width: 100px; height: 100%;">
                &lt;!&ndash;<img th:src=" @{/img/men11.png}" style="margin-left:-30px;width: 100px; height: 135px;display: none" id="leftimg4">
                <img th:src=" @{/img/men22.png}" style="margin-left:-30px;width: 100px; height: 135px;margin-top: 60px;display: none" id="leftimg5">
                <img th:src=" @{/img/men33.png}" style="margin-left:-30px;width: 100px; height: 135px;margin-top: 80px;display: none" id="leftimg6">&ndash;&gt;
            </div>-->
        </div>
    </div>

    <th:block th:include="include :: layout-latest-js" />
    <th:block th:include="include :: ztree-js" />
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
    <script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
    <script th:src="@{/js/jquery.contextMenu.min.js}"></script>
    <script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script th:src="@{/ruoyi/js/ry-ui.js?v=4.1.0}"></script>
    <script th:src="@{/ruoyi/js/common.js?v=4.1.0}"></script>
    <script th:src="@{/ruoyi/index.js}"></script>
    <script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
    <script th:src="@{/js/echarts/echarts.min.js}"></script>
    <script th:src="@{/js/echarts/echarts-gl.min.js}"></script>

    <!--连接webSocket-->
    <script>
        let model = 0;//模式:1、全自动；2、半自动；3、信息标记
        let startStatus = 0;//是否启动：0、未启动；1、启动
        let count = 3;//是双车运行还是单车运行：1：左车；2：右车；3：两台车
        let errorInfo = 3;//错误信息：1、左车位置选取有问题；2、右车位置选取有问题；3、没问题
        let resultInfo = 0;//放料是否完成：0.未完成；1、左车完成；2：右车完成；3、全完成
        let angle = 0;//角度信息
        let prefix = ctx + "system/coordinates";
        
        getParam();
        let myChartLeft = echarts.init(document.getElementById('spanLeft'));
        let myChartRight = echarts.init(document.getElementById('spanRight'));
        
      //获取设备参数
        function getParam() {
            $.get(prefix+'/getParam',function (data) {
            	angle = data.endAngle;
                $("#pStartAngle").html(data.startAngle);
                $("#pEndAngle").html(data.endAngle);
                $("#pSpeed").html(data.speed);
                $("#hCoordinateCount").html(data.hCoordinateCount);
            });
        }
        console.log("开始连接webSocket");
        let websocket = null;
        //判断当前浏览器是否支持WebSocket
        if('WebSocket' in window){
            websocket = new WebSocket("ws://localhost:80/websocket");
        }
        else{
            alert('Not support websocket')
        }
        //连接发生错误的回调方法
        websocket.onerror = function(){
            setMessageInnerHTML("error");
        };
        //连接成功建立的回调方法
        websocket.onopen = function(event){
            setMessageInnerHTML("open");
        }
        //接收到消息的回调方法
        websocket.onmessage = function(event){
            setMessageInnerHTML(event.data);
            let message = event.data;
            /** 
            1、模式：1：全自动；2：半自动 ；0：info                            1B
			2、是否启动：0：未启动；1：启动                                                 					1B
			3、几台行车：1:靠近扫描器行车；2：远离扫描器行车；3：两台行车                   		1B
			4、报错：1 :左侧行车位置选取问题;2：右侧行车位置选取问题 ;3：没问题         		1B
			5、放料完成：0.未完成;1.左侧行车完成；2.右侧行车完成；3.全完成
            */
            let array = message.split(',');
            model = array[0];//模式
            startStatus = array[1];//是否启动
            count = array[2];//几台行车
            errorInfo = array[3];
            resultInfo = array[4]
            console.log('model:'+model+'startStatus：'+startStatus+';count：'+count+';errorInfo：'+errorInfo+';resultInfo：'+resultInfo);
            if(model == 1){$("#model").html('全自动');}
            if(model == 2){$("#model").html('半自动');}
            if(model == 0){$("#model").html('消息标记');}
            if(startStatus == 0){$('#startStatus').html('未启动')}
            if(startStatus == 1){$('#startStatus').html('启动')}
            if(count == 1){$('#hcCount').html('左侧行车运行')}
            if(count == 2){$('#hcCount').html('右侧行车运行')}
            if(count == 3){$('#hcCount').html('两台行车运行')}
            if(errorInfo == 1){$('#errorInfo').html('左侧行车选取位置有问题')}
            if(errorInfo == 2){$('#errorInfo').html('右侧行车选取位置有问题')}
            if(errorInfo == 3){$('#errorInfo').html('无')}
            if(resultInfo == 0){$('#resultInfo').html('放料未完成')}
            if(resultInfo == 1){$('#resultInfo').html('左侧行车放料完成')}
            if(resultInfo == 2){$('#resultInfo').html('右侧行车放料完成')}
            if(resultInfo == 3){$('#resultInfo').html('两台行车放料完成')}
            //保存plc发送过来的状态
            $.ajax({
                type : 'post',
                data : {'startStatus':startStatus,'model':model,
               	 'count':count,'error':errorInfo,'is_complete':resultInfo},
                url : prefix +  '/saveStatus',
                success : function (data) {
                    console.log("保存成功！！！");
                }
            });
             
            if (errorInfo == 3){//无报错信息
            	if (startStatus == 1){
            		//获取点云
                    getClucdPoint();
            	}
            	if ( model == 1){//模式:自动;启动状态：启动
                    //开始处理自动处理的点云值
                    console.log('开始处理自动处理的点云值');
                    autoDeal();
                }
            }else{//有报错信息
            	if(errorInfo == 1){
            		$.modal.alertWarning('左侧行车选取位置有问题');
            	}
            	if(errorInfo == 2){
            		$.modal.alertWarning('右侧行车选取位置有问题');
            	}
            	$.modal.alertWarning('【'+errorInfo+'】');
            	
            }

        }
        //连接关闭的回调方法
        // websocket.onclose = function(){
        //     setMessageInnerHTML("close");
        // }

        //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
        window.onbeforeunload = function(){
            websocket.close();
        }

        //将消息显示在网页上
         function setMessageInnerHTML(innerHTML){
            
            
        } 

        //关闭连接
        function closeWebSocket(){
            websocket.close();
        }
        //发送消息
        function send(message){
            websocket.send(message);
        }
        

        //------------------------------图表------------------------------
        let showData = [];
        let dataArr;
        let testArr = [];
        //自动处理点云坐标点
        function autoDeal() {
            $.ajax({
                type:'post',
                // dataType: 'json',
                // traditional:true,
                contentType:"application/json",
                data:JSON.stringify(showData),
                url:prefix+'/autoDeal',
                success:function (data) {
                    send('auto='+angle+',1'+data);//1=标记本条数据为全自动
                    $.modal.alertSuccess('自动处理，操作成功！')
                }
            });
        }
        //获取点云坐标点
        function getClucdPoint() {
            console.log("获取点云数据");
            //执行是否ok
            $.ajax({
                url:prefix+"/getLmsIsRunningOk",
                type:'get',
                // async:false,
                success:function (data) {
                    console.log("getLmsIsRunningOk="+data);
                    if (data == "LSM_IsThreadRunningOK:true"){
                        $("#isRunningOk").html("设备执行ok！");
                    }
                }
            });
            $.ajax({
                url:prefix+"/getLmsSetScanParameter",
                type:'get',
                // async:false,
                success:function (data) {
                    console.log("getLmsSetScanParameter="+data);
                    if (data == "LSM_SetScanParameter:[0]"){
                        $("#getLmsSetScanParameter").html("设置参数成功！");
                    }


                }
            });
            $.ajax({
                url:prefix+"/getLmsStart3DScanOnce",
                type:'get',
                // async:false,
                success:function (data) {
                    console.log("getLmsStart3DScanOnce="+data);
                    if (data == "LSM_Start3DScanOnce:[0]"){
                        $("#getLmsStart3DScanOnce").html("开始扫描");
                    }
                }
            });
            console.log("自动获取坐标点");
            $.ajax({
                url:prefix+'/getLms3DPointCloud',
                dataType:'json',
                type:'get',
                async:false,
                success:function (data) {
                    myChartLeft.hideLoading();
                    myChartRight.hideLoading();
                    if (data.status==1){
                        $("#status").html("获取点云数据成功");
                    }
                    dataArr = data.arr;
                    let xx = data.arr[0].x;
                    console.log("xx="+xx);
                    console.log("data.arr.length="+data.arr.length);
                    console.log(parseFloat(0.00)== parseFloat(0))
                    for (let i = 0;i<data.arr.length;i++){
                        let x = data.arr[i].x*10;
                        let y = 1400-data.arr[i].y*10;
                        let z = data.arr[i].z*10;

                        if (x != 0 && y != 1400 && z != 0
                            && (x<1900 && x>-1900)
                            && (z<0 && z>-4000)
                            && (y>0 && y < 500)
                            && (( x >-294 &&  z >-2012)
                                ||( x >-1700 &&  z >-2012)
                                ||( x >-294 &&  z >-4000)
                            )
                            && (x < 1800)
                        ){
                            showData.push([math(x), math(z),math(y) ]);
                        }
                    }
                    console.log("循环赋值结束；最终有用点个数="+showData.length);
                }
            });


            //制作轨道
            for (let i = -4000 ;i<-2000;){
                testArr.push([-650,i,-5]);
                testArr.push([-655,i,-5]);
                testArr.push([-660,i,-5]);

                testArr.push([-950,i,-5]);
                testArr.push([-955,i,-5]);
                testArr.push([-960,i,-5]);

                testArr.push([-1250,i,-5]);
                testArr.push([-1255,i,-5]);
                testArr.push([-1260,i,-5]);

                testArr.push([-1550,i,-5]);
                testArr.push([-1555,i,-5]);
                testArr.push([-1560,i,-5]);
                i = i+ 15;
            }

            //制作门
            for (let i =1900;i<2000;){//循环x
                testArr.push([i,-500,-5]);
                testArr.push([i,-1000,-5]);

                testArr.push([i,-1500,-5]);
                testArr.push([i,-2000,-5]);

                testArr.push([i,-2500,-5]);
                testArr.push([i,-3000,-5]);
                i+=2;
            }

            for (let i = -1000; i<-500;){//循环y
                testArr.push([1900,i,-5]);
                testArr.push([2000,i,-5]);
                i+=2;
            }

            for (let i = -2000; i<-1500;){//循环y
                testArr.push([1900,i,-5]);
                testArr.push([2000,i,-5]);
                i+=2;
            }

            for (let i = -3000; i<-2500;){//循环y
                testArr.push([1900,i,-5]);
                testArr.push([2000,i,-5]);
                i+=2;
            }

            //过道
            for (let i = -4000;i<-600;){
                for (let g = -2300;g<-2000;){
                    testArr.push([g,i,-8]);
                    g+=15;
                }

                i+=15;
            }



            //操作室
            for (let i = -400;i < 0;){
                for (let g = -2300;g<-1600;){
                    testArr.push([g,i,-8]);
                    g+=15;
                }

                i+=15;
            }

            //回到初始位置
             $.ajax({
                 url:prefix+"/getLmsStart3DScanOnce",
                 type:'get',
                 async:false,
                 success:function (data) {
                     $.modal.alertSuccess('扫描头已回复到起始位置');
                 }
             });
            //设置左侧3D图
            myChartLeft.setOption({
                geo3D:{
                    environment:'#000',
                    instancing:true,
                    realisticMaterial:{textureTiling:1,roughnessAdjust:0.5},
                    viewControl:{projection:'orthographic',autoRotate:true}
                },
                tooltip: {},
                visualMap: [
                    {
                        show:true,
                        type: 'piecewise',
                        dimension:2,
                        top:"top",
                        borderColor:"#8B0000",
                        borderWidth:1,
                        pieces: [                           //自定义『分段式视觉映射组件（visualMapPiecewise）』的每一段的范围，以及每一段的文字，以及每一段的特别的样式
                                                            // {min: 100,max:500,color:'blue'},                     // 不指定 max，表示 max 为无限大（Infinity）。
                                                            // {min: 0, max: 50,label: '0 到 0.5米'},
                                                            // {value: 25, label: '25（自定义特殊颜色）'},
                                                            // {min: 50, max: 100,label: '0.5米 到 1米'},
                                                            // {value: 75, label: '75（自定义特殊颜色）'},
                                                            // {min: 100, max: 150,label: '1米 到 2米'},
                                                            // {value: 125, label: '125（自定义特殊颜色）'},
                                                            // {min: 200, max: 250,label: '2米 到 2.5米'},
                                                            // {value: 125, label: '125（自定义特殊颜色）'},
                                                            // {min: 250, max: 300,label: '2.5米 到 3米'},
                                                            // {value: 125, label: '125（自定义特殊颜色）'},
                                                            // {min: 300,label: '3米以上'},
                                                            // {value: 350, label: '350（自定义特殊颜色）'}

                            {min:0,max:50,label:'0到0.5米'},
                            {value: -5, label: '门和轨道',color:'purple'},
                            {value: -8, label: '过道和操作室',color:'green'},
                            {min: 50, max: 100,label: '0.5 到 1米'},
                            {min: 101, max: 200,label: '1米 到 2米'},
                            {min: 201, max: 300,label: '2米 到 3米'},
                            {min: 300, label: '3米以上'},
                        ],
                        //,'#FF6347','#8B0000' color: ['#7EC0EE', '#FFFF37','#EAC100','#CD6600']
                        inRange:{                             //定义 在选中范围中 的视觉元素
                            color: ['#ffffff','#EAC100','#7EC0EE','#CD6600', '#FF6347']
                        },
                        textStyle: {
                            color: '#fff'
                        }
                    }
                    // 	{
                    // 		show: false,
                    // 		dimension: 1,
                    // 		min: -2000,
                    // 		max: 0,
                    // 		inRange: {
                    // 			color: ['#a50026', '#4575b4',  '#e0f3f8', '#ffffbf', '#74add1', '#abd9e9', '#f46d43', '#d73027', '#313695']
                    // 		}
                    // 	}
                ],
                grid3D: {
                    viewControl:{
                        rotateSensitivity:0,
                        alpha:135,
                        beta:0,
                        minDistance :100,
                        maxDistance:100
                    }
                },
                xAxis3D: {
                    min:-2300,max:2100,splitNumber:10,axisLabel:{textStyle:{color:'white'}},axisTick:{lineStyle:{color:'white'}},nameTextStyle:{color:'white'}
                },
                yAxis3D: {
                    min:-4000,max:0,splitNumber:10,
                    axisTick:{lineStyle:{color:'white'}},nameTextStyle:{color:'white'}

                },
                zAxis3D: {
                    min:0,max:1400,splitNumber:10,axisLabel:{textStyle:{color:'white'}},axisTick:{lineStyle:{color:'white'}},nameTextStyle:{color:'white'}
                },
                series : [{type: 'scatter3D',data: testArr,symbolSize: 1.5,visualMap:false,},
                    {
                        type: 'scatter3D',
                        data: showData,
                        symbolSize: 1.5
                    }
                ]
            },true);
            //设置右侧3D图
            let options2 =
            {
                geo3D:{
                    environment:'#000',
                        instancing:true,
                        realisticMaterial:{textureTiling:1,roughnessAdjust:0.5},
                    viewControl:{projection:'orthographic',autoRotate:true}
                },
                tooltip: {},
                visualMap: [
                    {
                        show:true,
                        type: 'piecewise',
                        dimension:2,
                        top:"top",
                        borderColor:"#8B0000",
                        borderWidth:1,
                        pieces: [                           //自定义『分段式视觉映射组件（visualMapPiecewise）』的每一段的范围，以及每一段的文字，以及每一段的特别的样式
                                                            // {min: 100,max:500,color:'blue'},                     // 不指定 max，表示 max 为无限大（Infinity）。
                                                            // {min: 0, max: 50,label: '0 到 0.5米'},
                                                            // {value: 25, label: '25（自定义特殊颜色）'},
                                                            // {min: 50, max: 100,label: '0.5米 到 1米'},
                                                            // {value: 75, label: '75（自定义特殊颜色）'},
                                                            // {min: 100, max: 150,label: '1米 到 2米'},
                                                            // {value: 125, label: '125（自定义特殊颜色）'},
                                                            // {min: 200, max: 250,label: '2米 到 2.5米'},
                                                            // {value: 125, label: '125（自定义特殊颜色）'},
                                                            // {min: 250, max: 300,label: '2.5米 到 3米'},
                                                            // {value: 125, label: '125（自定义特殊颜色）'},
                                                            // {min: 300,label: '3米以上'},
                                                            // {value: 350, label: '350（自定义特殊颜色）'}
                            {min:0,max:50,label:'0到0.5米'},
                            {value: -5, label: '门和轨道',color:'purple'},
                            {value: -8, label: '过道和操作室',color:'green'},
                            {min: 50, max: 100,label: '0.5 到 1米'},
                            {min: 101, max: 200,label: '1米 到 2米'},
                            {min: 201, max: 300,label: '2米 到 3米'},
                            {min: 300, label: '3米以上'},
                        ],
                        inRange:{                             //定义 在选中范围中 的视觉元素
                            color: ['#ffffff','#EAC100','#7EC0EE','#CD6600', '#FF6347']
                        },
                        // outRange:{
                        //     color:['#CD6600']
                        // },
                        textStyle: {
                            color: '#fff'
                        }

                    }
                ],
                    grid3D: {
                viewControl:{
                    rotateSensitivity:0,
                    alpha:135,
                    beta:0,
                    minDistance :100,
                    maxDistance:100
                }
            },
                xAxis3D: {
                    min:-2300,max:2100,splitNumber:10,axisLabel:{textStyle:{color:'white'}},axisTick:{lineStyle:{color:'white'}},nameTextStyle:{color:'white'}
                },
                yAxis3D: {
                    min:-4000,max:0,splitNumber:10,
                        axisTick:{lineStyle:{color:'white'}},nameTextStyle:{color:'white'}

                },
                zAxis3D: {
                    min:0,max:1400,splitNumber:10,axisLabel:{textStyle:{color:'white'}},axisTick:{lineStyle:{color:'white'}},nameTextStyle:{color:'white'}
                },
                series: [{type: 'scatter3D',data: testArr,symbolSize: 1.5,visualMap:false,},
                    {
                        type: 'scatter3D',
                        data: showData,
                        symbolSize: 1.5
                    }
                ]

            };
            myChartRight.setOption(options2,true);
        }
        function math(num) {
            let number = Math.round(num*100)/100;
            return number;
        }
		
      //左侧鼠标点击事件
        myChartLeft.on('click',function (params) {
        	if(resultInfo == 1 || resultInfo == 3){//左侧行车放料完成
        		if((startStatus == 1 && model == 2 && resultInfo == 1) || 
            			(model == 0 && resultInfo == 1)){
            		
            		send('left='+angle+',1,'+params.data);//left=1,1,标记本条数据为半自动,90度，扫描完成	
                    saveAutoMatic('left='+angle+',1,'+params.data);
                    $.modal.alertSuccess('半自动，操作成功！');
            	}else if((startStatus == 1 && model == 2 && resultInfo == 3) || 
            			(model == 0 && resultInfo == 3)){//两台行车同时运行
            		let arrCoors = params.data.split(',');//点坐标
                	let y = arrCoors[1];
                	if (y<-2000){
                		//弹框
                		$.modal.alertWarning('两台车一起运行，左侧视图，不许点击下半区域！！！');
                	}else{
                		send('left='+angle+',1,'+params.data);//left=1,1,标记本条数据为半自动,90度，扫描完成
                        saveAutoMatic('left='+angle+',1,'+params.data);
                        $.modal.alertSuccess('半自动，操作成功！');
                	}
            	}else{
            		$.modal.alertWarning('单台左车行车未运行,不许点击左侧视图！！！');
            	}
        	}else{
        		$.modal.alertWarning('左侧行车放料未完成或未运行，不许点击左侧视图！！！');
        	}
        });
      	//右侧鼠标点击事件
        myChartRight.on('click',function (params) {
        	if(resultInfo == 2 || resultInfo == 3){
        		if((startStatus == 1 && model == 2 && resultInfo == 2) || 
            			(model == 0 && resultInfo == 2)){
            		send('right='+angle+',1,'+params.data);//left=1,1,标记本条数据为半自动,90度，扫描完成
                    saveAutoMatic('right='+angle+',1,'+params.data);
                    $.modal.alertSuccess('半自动，操作成功！');
            	}else if((startStatus == 1 && model == 2 && resultInfo == 3) || 
            			(model == 0 && resultInfo == 3)){//两台行车同时运行
            		let arrCoors = params.data.split(',');//点坐标
                	let y = arrCoors[1];
                	if (y>-2000){
                		//弹框
                		$.modal.alertWarning('两台车一起运行，右侧视图，不许点击上半区域！！！');
                	}else{
                		send('right='+angle+',1,'+params.data);//left=1,1,标记本条数据为半自动,90度，扫描完成
                        saveAutoMatic('right='+angle+',1,'+params.data);
                        $.modal.alertSuccess('半自动，操作成功！');
                	}
            	}else{
            		$.modal.alertWarning('单台右车行车未运行,不许点击左侧视图！！！');
            	}
        	}else{
        		$.modal.alertWarning('右侧行车放料未完成或未运行，不许点击右侧视图！！！');
        	}
        	
        });
        
        //半自动 保存发送的数据
        function saveAutoMatic(message) {
            let sendMessage = {'message':message}
            $.post(prefix+'/saveAutoMatic',sendMessage,function(data){
            });
        }


    </script>
    </body>
    </html>
